<template>
  <div class="czxjg">
    <!-- <div class="czxjg-a">
      <div class="czxjg-a-a">返回</div>
      <div class="czxjg-a-aa">搜索结果</div>
      <div class="czxjg-a-aaa"></div>
    </div> -->
    <div class="czxjg-b">
      找到<span class="czxjg-bb">{{ total }}</span
      >家企业
    </div>
    <zujian6
      :info="item"
      :index="index"
      v-for="(item, index) in jgList"
      :key="index"
      @selectOne="selectOne"
      @event-name="gotList"
    ></zujian6>
  </div>
</template>

<script>
import zujian6 from "../../components/djl/zujian6.vue";
import { fullAmountCorp } from "@/interfaces/czx-djl/index.js";
export default {
  name: "",
  /*1. Vue扩展 */
  extends: "", // extends和mixins都扩展逻辑，需要重点放前面
  mixins: [],
  components: { zujian6 },
  /* 2. Vue数据 */
  props: {},
  model: { prop: "", event: "" }, // model 会使用到 props
  data() {
    return {
      total: "",
      jgList: [
        // {
        //   name: "南华期货",
        //   title: "南华期货股份有限公司苏州营业部",
        //   price: "1500万元",
        //   date: "2015-11-20",
        //   tell: "186-6218-1214",
        //   address: "苏州工业园区苏州大道西205号尼盛广场1幢1202室",
        //   neirong: "存续",
        // },
        // {
        //   name: "南华期货",
        //   title: "南华期货股份有",
        //   price: "1500万元",
        //   date: "2015-11-20",
        //   tell: "186-6218-1214",
        //   address: "苏州工业园区苏州",
        //   neirong: "存续",
        // },
        // {
        //   name: "南华期货",
        //   title: "南华期限公司苏州营业部",
        //   price: "1500万元",
        //   date: "2015-11-20",
        //   tell: "186-6218-1214",
        //   address: "苏州广场1幢1202室",
        //   neirong: "存续",
        // },
      ],
    };
  },
  computed: {},
  watch: {}, // watch 监控的是 props 和 data，有必要时监控computed
  /* 3. Vue资源 */
  filters: {},
  directives: {},
  /* 4. Vue生命周期 */
  // 页面渲染之前

  // beforeCreate() {
  //   console.log(1);
  // },
  created() {
    // console.log(2);
    // 页面数据初始化
    this.initPage();


  },
  // 页面渲染之后
  // beforeMount() {
  //   console.log(3);
  // },
  // mounted() {
  //   console.log(4);
  // },
  // 内容更新
  // beforeUpdate() {
  //   console.log(5);

  // },
  // updated() {
  //   console.log(6);

  // },

  // 页面的销毁（内容消失，v-if 控制组件的显示和隐藏）
  beforeDestroy() {
    // console.log(7);
  },
  destroyed() {
    // console.log(8);
  },

  /* 5. Vue
  方法 */
  methods: {
    initPage() {

    
      const params = {
        pageBO: {
          pageSize: 10,
          pageNum: 1,
        },
        searchParam: this.$route.query.name,
      };
      // console.log(params, "rr");
      fullAmountCorp(params).then((asd) => {
        console.log(JSON.parse(JSON.stringify(asd)), 5657);
        this.jgList = asd.data.list;
        this.total = asd.data.total;
      });
    },
    selectOne(a) {
      console.log(a);
    },
    gotList(aa) {
      this.$router.push({
        path: "/djlczx/qiyexiangqing",
        query: {
          corpKey:aa,
        },
      });
    },

    //     initPage(){
    //       const params = {
    //   pageBO: {
    //     pageSize: 10,
    //     pageNum: 1,
    // },
    // searchParam: this.$route.query.name,
    // };
    // console.log(params,123);

    //     fullAmountCorp(params).then((aas)=>{
    //     //  console.log(JSON.parse(JSON.stringify()),765);

    //     });
    //     },
  },
};
</script>

<style scoped lang="scss">
.czxjg {
  overflow-y: auto;
  height: 100vh;
  .czxjg-a {
    height: 92px;
    display: flex;
    justify-content: space-between;
    .czxjg-a-a {
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 17px;
      color: #000000;
      width: 37px;
      margin: 62px 0 0 17px;
    }
    .czxjg-a-aa {
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 17px;
      color: #000000;
      margin-top: 62px;
    }
    .czxjg-a-aaa {
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 17px;
      color: #000000;
      width: 37px;
      margin: 62px 17px 0 0;
    }
  }
  .czxjg-b {
    height: 28px;
    background: #f3f3f3;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    font-size: 14px;
    color: #2c2c2c;
    line-height: 28px;
    padding-left: 9px;
  }
}
</style>
